<%-- 
    Document   : index
    Created on : Dec 12, 2009, 10:28:40 AM
    Author     : ppt
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery.form.js" type="text/javascript"></script>
<script src="js/signup.js" type="text/javascript"></script>
 <link rel="stylesheet" type="text/css" href="style.css" /> 
 <style type="text/css"> 
  img { border: 1px solid #eee; }
  p#statusgreen { font-size: 1.2em; background-color: #fff; color: #0a0; }
  p#statusred { font-size: 1.2em; background-color: #fff; color: #a00; }
  fieldset label { display: block; }
  fieldset div#captchaimage { float: left; margin-right: 15px; }
  fieldset input#captcha { width: 25%; border: 1px solid #ddd; padding: 2px; }
  fieldset input#submit { display: block; margin: 2% 0% 0% 0%; }
  #captcha.success {
  	border: 1px solid #49c24f;
	background: #bcffbf;
  }
  #captcha.error {
  	border: 1px solid #c24949;
	background: #ffbcbc;
  }
 </style>
    </head>
<body>
<form id="signup_form" action="user/signup" method="post">
  <table border="0">
    <tbody>
      <tr>
        <th>Username * :</th>
        <td>
          <input id="username" name="username" type="text" />
          <div id="username_exists"></div>
        </td>
      </tr>
      <tr>
        <th>E-mail * :</th>
        <td>
          <input id="email" name="email" type="text" />
          <div id="email_exists"></div>
        </td>
      </tr>
      <tr>
        <th>Password * :</th>
        <td><input id="password" name="password" type="password" /></td>
      </tr>
      <tr>
        <th>Re-type password * :</th>
        <td>
          <input id="retype_password" name="retype_password" type="password" />
          <div id="passwords_doesnt_match"></div>
        </td>
      </tr>
      <tr>
        <th>Captcha * :</th>
        <td>
          <input id="captcha" name="captcha" type="text" />
          <span id="captcha_image"></span>
	  <a id="reload_captcha" href="#">Reload Captcha</a>
        </td>
      </tr>
      <tr>
        <th></th>
        <td><input id="submit" name="submit" type="submit" value="Submit" /></td>
      </tr>
    </tbody>
  </table>
</form>
    <a href="./dbConnection.jsp">Check db connection </a>
</body>
</html>
